{% extends "bash.html" %}
{% block bar %}
    <div class="col-md-9" style="justify-content: flex-end">
        <h1 class="page-header">图书管理页面</h1>
        <div class="panel panel-primary">
            <div class="panel-heading">添加图书<i class="fa fa-thumb-tack pull-right"></i></div>
            <div class="panel-body">

                {% block main %}
                    <form action="" method="post">
                        {% csrf_token %}
                        <p>
                            图书名称<input type="text" name="name">
                        </p>
                        <p>
                            图书价格<input type="text" name="price">
                        </p>
                        <p>
                            图书库存<input type="text" name="inventory">
                        </p>
                        <p>
                            图书卖出数<input type="text" name="sale_num">
                        </p>
                        <p>
                            出版社地址
                            <select multiple name="publisher_id" id="">
                                {% for publisher_obj in publisher_obj_list %}
                                    <option value="{{ publisher_obj.id }}">{{ publisher_obj.name }}</option>
                                {% endfor %}
                            </select>
                        </p>
                        <p>
                            <button type="submit" class="btn">提交</button>
                        </p>
                    </form>
                {% endblock %}
                <!-- 页码-->
                <nav aria-label="Page navigation">
                    <ul class="pagination">
                        <li>
                            <a href="#" aria-label="Previous">
                                <span aria-hidden="true">&laquo;</span>
                            </a>
                        </li>
                        <li><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li>
                            <a href="#" aria-label="Next">
                                <span aria-hidden="true">&raquo;</span>
                            </a>
                        </li>
                    </ul>
                </nav>

            </div>
        </div>
    </div>
{% endblock %}

